.nh_video_wrap {
  padding: 0;
  position: relative;

  .nh_video_control_wrap {
    width: calc(100% - 0px);
    height: 52px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    position: absolute;
    left: 0px;
    bottom: -50px;
    z-index: -2;
    transition: 0.4s;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .volume_slider {
      display: flex;
      flex-direction: row;
      gap: 4px;
      .slider-wrapper {
        gap: 6px;
      }
    }

    .right_box {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      padding-right: 10px;
      gap: 10px;

      .action_box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        .action_item_box {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          padding: 6px;
          border-radius: 4px;
          // border: 1px solid red;
          cursor: pointer;
          transition: 0.2s;
          color: rgb(155, 154, 154);
        }

        .action_item_box:hover {
          color: white;
          background-color: rgba(255, 255, 255, 0.2);
        }
      }
    }
  }

  .nh_video_control_wrap:hover {
    bottom: 0px;
    z-index: 2;
  }
}
video::-webkit-media-controls {
  display: none !important;
}

video::backdrop {
  display: none !important;
  width: 50% !important;
}
